<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>${fns:getConfig('productName')}</title>
<tags:import includes="ems,dragsort,contextMenu,contextMenuCss"></tags:import>
<script src="${ctxStatic}/modules/core/configmgr/neChassisIndex.js"></script>
<script>
function refresh(){
	location.reload();
}
</script>
</head>
<body>
	<script type="text/javascript">
		$("ul:first").dragsort();
	</script>
	
	<div style="background-color:#3D3D3D;text-align:center;margin:1 auto; border:solid 1px black;width: 100%;height: 156px;">
			<div style="float:left;width:85px;padding-left:2px;padding-top:20px;padding-left:49px;">
				<ul id="list3" data-listidx="0">
					<li><div class="empty"  slot='8' data-cursor="pointer"><br><br><br>8</div></li>			
				</ul>
			</div>
			<div style="float:left;width: 83px;padding-top: 20px;padding-left:49px;">
				<ul id="list1" data-listidx="1">			
					<li><div class="empty"  slot='6'  data-cursor="pointer"><br>6</div></li>
					<li><div class="empty"  slot='7'  data-cursor="pointer"><br>7</div></li>		
				</ul>
			</div>		
			<div style="float:left;width:83px;padding-top: 20px;padding-left:49px;">
				<ul id="list4" data-listidx="2">
					<li><div class="empty"  slot='5'  data-cursor="pointer"><br><br><br>5</div></li>			
				</ul>
			</div>
			<div style="float:left;padding-top: 20px;padding-left:49px;width:20px;">
				<ul id="list2" data-listidx="3">
					<li><div class="empty"  slot='1' ><br> 1 </div></li>
					<li><div class="empty" slot='2' ><br> 2 </div></li>					
					<li><div class="empty"  slot='3' ><br> 3 </div></li>
					<li><div class="empty"  slot='4' ><br> 4 </div></li>					
				</ul>
			</div>	
	</div>
	<br>
	<!-- Table -->		
	<table id="contentTable"
		style="margin-top: 5px;width: 100%;"
		class="table table-striped table-bordered table-hover">
		<thead>
			<tr>
				<th style="text-align: center;">状态</th>
				<th>名称</th>
				<th>槽位</th>
				<th>类型</th>
				<th>备注</th>							
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${list}" var="item">
				<tr>
					<td style="text-align: center;">
						<span ustatus="${item.num}" class="label label-green">正常&nbsp;</span>
					</td>
					<td>${item.card.cardname}</td>
					<td>${item.num}</td>
					<td>${fns:getDictLabel(item.card.type,'mgr_card_type','N/A')}</td>
					<td>${item.card.comment}</td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
	<!-- Table -->
	<!-- save sort order here which can be retrieved on server on postback -->
	<input name="vSortOrder" type="hidden" />		
</body>
</html>